﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; Charset=utf8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>听雨 - 个人博客网站</title>

    {{template "comm/link.html"}}

    <!-- 本页样式表 -->
    <link href="/static/css/home.css" rel="stylesheet" />

    <style>
        .article a{
            color: #67b3ef;

        }
    </style>
</head>
<body>
    <!-- 导航 -->
    {{template "comm/nav.html" .}}


    <!-- 主体（一般只改变这里的内容） -->
    <div class="blog-body">
        <!-- 这个一般才是真正的主体内容 -->
        <div class="blog-container">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="/" title="网站首页">网站首页</a>
            </blockquote>
            <div class="blog-main">
                <!--左边文章列表-->
                <div class="blog-main-left">

                    {{range $index, $elem := .Articles}}
                        <div class="article shadow">
                            <!--文章配图
                                <div class="article-left">
                                    <img src="/static/img/cover/201703181909057125.jpg" alt="基于laypage的layui扩展模块（pagesize.js）！" />
                                </div>
                            -->

                            <div class="article-right">
                                <div class="article-title">
                                    <a href="/home/article/{{$elem.ID}}" style="font-size: 22px">{{$elem.Title}}</a>
                                </div>
                                <div class="article-abstract">
                                    {{$elem.Desc}}
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div class="article-footer">
                                <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;{{dateformat $elem.CreatedAt "2006/01/02 15:04:05"}}</span>
                                <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;tingyu</span>
                                <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">{{$elem.Category.Name}}</a></span>
                                <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp; {{$elem.PageView}}</span>
                                <!--评论数量
                                    <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                                -->
                            </div>
                        </div>
                    {{end}}

                </div>
                <!--右边小栏目-->
                <div class="blog-main-right">
                    <div class="blogerinfo shadow">
                        <div class="blogerinfo-figure">
                            <img src="https://s1.ax1x.com/2020/10/11/0cZNdK.jpg" alt="tingyu" style="width: 200px;height: 200px" />
                        </div>
                        <p class="blogerinfo-nickname">
                            {{if .AdminUsrInfo.Nickname}}
                                {{.AdminUsrInfo.Nickname}}
                            {{else}}
                                ※听雨※
                            {{end}}
                        </p>
                        <p class="blogerinfo-introduce">
                            {{if .AdminUsrInfo.Motto}}
                                {{.AdminUsrInfo.Motto}}
                            {{else}}
                                一枚90后程业余序员
                            {{end}}
                        </p>
                        <p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;
                            {{if .AdminUsrInfo.Address}}
                                {{.AdminUsrInfo.Address}}
                            {{else}}
                                云南
                            {{end}}
                        </p>
                        <hr />
                        <div class="blogerinfo-contact">
{{/*                            <a title="QQ交流" id="at-qq"><i class="fa fa-qq fa-2x"></i></a>*/}}
                            <a title="QQ交流: 1186472484" id="at-qq"><i class="layui-icon layui-icon-login-qq" style="font-size: 30px;"></i></a>
{{/*                            <a title="给我写信" id="at-email"><i class="fa fa-envelope fa-2x"></i></a>*/}}
                            <a title="给我写信: ygf963" id="at-email"><i class="layui-icon layui-icon-login-wechat" style="font-size: 30px;"></i></a>
                        </div>
                    </div>
                    <!--占位-->
                    <div></div>

                    <div class="blog-module shadow">
                        <div class="blog-module-title">热文排行</div>
                        <ul class="fa-ul blog-module-ul">
                            {{range $index, $elem := .Hotarts}}
                                <li>
                                    <i class="fa-li fa fa-hand-o-right"></i>
                                    <a href="/home/article/{{$elem.ID}}" style="color: #67b3ef;">{{$elem.Title}}</a>
                                </li>
                            {{end}}
                        </ul>
                    </div>


                    <div class="blog-module shadow">
                        <div class="blog-module-title">友情链接</div>
{{/*                        <ul class="blogroll">*/}}
{{/*                            <li><a target="_blank" href="http://www.layui.com/" title="Layui" style="color: #67b3ef;">Layui</a></li>*/}}
{{/*                        </ul>*/}}

                        {{range $index, $val := .FriendlyLinks}}
                            <ul class="blogroll">
                                <li><a target="_blank" href="{{$val.Website}}" title="{{$val.Linkname}}" style="color: #67b3ef;">{{$val.Linkname}}</a></li>
                            </ul>
                        {{end}}

                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    {{template "comm/footer.html"}}

    <!--侧边导航-->
    {{template "comm/sidebar.html"}}

    <!--分享窗体-->
{{/*    {{template "comm/sharewindow.html"}}*/}}


    {{template "comm/script.html"}}

    <!-- 本页脚本 -->
    <script src="/static/js/home.js"></script>


</body>
</html>